<style lang = "scss" scoped>
.warn{
    height:55px;
    line-height:30px;
    width:245px;
    position: absolute;
    top:0;
    left: 0;
    right: 0;
    bottom:0;
    margin:auto;
    .warnImg{
        display: block;
        float:left;
        margin-top:3px;
    }
    .msg{
        float: left;
        margin-left:10px;
        display:block;
        font-size:16px;
        color:#666;
        .refresh{
            color:#337AB7;
            font-size:12px;
            text-decoration:underline;
            cursor:pointer;
        }
    }
}
</style>
<template>
  <p class="warn">
        <img class="warnImg" src="/static/icon/warn.png" />
        <span class="msg">数据获取失败，请刷新。<span @click="callBack" class="refresh">刷新</span></span>
  </p>
</template>
<script>
    export default {
        name:"error",
        data(){
            return{

            }
        },
        methods:{
            callBack(){
                this.$emit("callback");
            }
        }
    }
</script>